<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="s" uri="/struts-tags"%>

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link href="estilos/style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="estilos/jquery-ui.css" type="text/css" media="all" />
	<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
	<script type="text/javascript" src="estilos/jquery.js"></script>
	<script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js"	type="text/javascript"></script>
	
	<script>
		function desactivar(){
			$('#'+ 'cliente' +' :input').attr('disabled', true);
			$('#'+ 'divOrden' +' :input').attr('disabled', true);
		}
		
		$(function() {
			$('.fecha').datepicker({
				dateFormat : "dd-mm-yy"
			});
		});
	
		
		function printOrden(){
			$('#header').hide();
			$('#botones').hide();
			$('#headerPrint').show();
			$('#firmas').show();
			
			window.print();
			document.forms[0].action = 'initOrdenTrabajoAction';
			document.forms[0].submit();
		}

		function irAContrato(){
			document.forms[0].action = 'initContratoAction';
			document.forms[0].submit();
		}

		function save(){
			document.forms[0].montoTotal.value = $.trim(document.forms[0].montoTotal.value);
			document.forms[0].numeroCuenta.value = $.trim(document.forms[0].numeroCuenta.value);
			
			if(document.forms[0].montoTotal.value != ''){
				var regexNumbert=/^[0-9]+(,[0-9]{1,2})?$/
				if(document.forms[0].montoTotal.value.search(regexNumbert)==-1){
					$('#errorAsigProd').show();
					return false;
				}
			}
			
			if(document.forms[0].numeroCuenta.value != ''){
				var regexNumbert=/^[-0-9]*$/
				if(document.forms[0].numeroCuenta.value.search(regexNumbert)==-1){
					$('#errorNumCeunta').show();
					return false;
				}
			}

			document.forms[0].submit();
		}

		function cancel(){
			document.forms[0].action = 'initBusquedaOrdenTrabajoAction';
			document.forms[0].submit();
		}
	</script>
	
	<title>LABTEC - Orden de Trabajo</title>
</head>


<body onload="desactivar()">

	<div id="header">
    	<jsp:include page="../jsp/menuIniciador.jsp" />
	</div>
	
	<div class="sheet" id="body">
		<div class="sheet-tl"></div>
		<div class="sheet-tr"></div>
		<div class="sheet-bl"></div>
		<div class="sheet-br"></div>
		<div class="sheet-tc"></div>
		<div class="sheet-bc"></div>
		<div class="sheet-cl"></div>
		<div class="sheet-cr"></div>
		<div class="sheet-cc"></div>
		<div class="sheet-body">
			<div id="headerPrint" style="display: none;">
				<table>
					<tr>
						<td>
						</td>
						<td>
						</td>
					</tr>
				</table>
			</div>
			<s:form action="guardarOrdenTrabajoAction" theme="simple">
				<s:hidden name="idOrden"></s:hidden>
				<s:hidden name="anioOrden"></s:hidden>
				<s:hidden name="laboratorio"></s:hidden>
				<s:hidden name="departamento"></s:hidden>
				<s:hidden name="estado"></s:hidden>
				
				<s:hidden name="idContrato"></s:hidden>
				<s:hidden name="anioContrato"></s:hidden>
					
				<table width="100%" border="0">
					<tr>
						<td width="70%">
							<h2	class="postheader" style="font-size: 20px;">
									Centro Tecnologico
							</h2>
						</td>
						<td width="30%">
							Orden de Trabajo: <s:property value="departamento"></s:property>-<s:property value="inicialesLab"></s:property> <s:property value="idOrden"></s:property>/<s:property value="anioOrden"></s:property>
						</td>
					</tr>
					<tr>
						<td>
						</td>
						<td>
							Revisión de contrato: <s:property value="idContrato"></s:property>/<s:property value="anioContrato"></s:property>
						</td>
					</tr>
				</table>
				<s:hidden name="codCliente"></s:hidden>
				<div id="cliente">
					<jsp:include page="../jsp/datosCliente.jsp" />
				</div>
				<br />
					<div id="errorNumCeunta" class="error" style="display: none;">
						<ul class="actionMessage">
		            	    <li>
		            	    	<span>
		            	    		El numero de cuenta tiene un formato incorrecto.
		            	    	</span>
		            	    </li>
						</ul>
					</div>
					<table width="100%" border="0">
						<tr>
							<td colspan="2" class="postmetadataheader">
								<h2	class="postheader">Detalle del servicio a realizar:	Presupuesto</h2>
							</td>
						</tr>
						<tr>
							<td width="20%">
								Número de Cuenta
							</td>
							<td width="80%">
								<s:textfield name="numeroCuenta" maxlength="30"></s:textfield>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<s:textarea name="requisitos" disabled="true"></s:textarea>
							</td>
						</tr>
					</table>
					<br />
				<div id="divOrden">
					<table width="100%" border="0">
						<tr>
							<td colspan="5" class="postmetadataheader">
								<h2	class="postheader">Revisión y aprobación del contrato</h2>
							</td>
						</tr>
						<tr>
							<td width="20%">
								Fue aceptado el contrato
							</td>
							<td width="30%">
								<s:radio name="acuerdoTrabajo" list="#{'1':'Si','0':'No'}" />
							</td>
							<td width="20%">
								Fecha
							</td>
							<td width="30%">
								<s:textfield name="fechaAcuerdoTrabajo" cssClass="fecha"></s:textfield>
							</td>
						</tr>
						<tr>
							<td colspan="5">
								Causa de la no aceptación / modificaciones del contrato
							</td>
						</tr>
						<tr>
							<td colspan="3" width="70%">
								<s:textarea name="causasRechModif"></s:textarea>
							</td>
						</tr>
					</table>
				</div>
				<br />
				<div id="errorAsigProd" class="error" style="display: none;">
					<ul class="actionMessage">
	            	    <li>
	            	    	<span>
	            	    		El monto total a facturar tiene un formato incorrecto.
	            	    	</span>
	            	    </li>
					</ul>
				</div>
				<table width="100%" border="0">
					<tr>
						<td colspan="4" class="postmetadataheader">
							<h2	class="postheader">Asignación de producidos</h2>
						</td>
					</tr>
					<tr>
						<td width="20%">
							Monto total a facturar
						</td>
						<td width="30%"><s:textfield name="montoTotal" maxlength="20"
								title="En este campo se debe ingresar un valor numérico y usar como separador de decimales la coma." />
						</td>
						<td width="20%">
							Plazo de entrega
						</td>
						<td width="30%">
							<s:textfield name="plazoEntrega" maxlength="30"></s:textfield>
						</td>
					</tr>
					<tr>
						<td>
							Distribucion de producidos
						</td>
						<td>
							<s:textfield name="distribucionProducidos" maxlength="50"></s:textfield>
						</td>
						<td>
							Forma de pago
						</td>
						<td>
							<s:select list="listaFormaPago" name="formaPago"></s:select>
						</td>
					</tr>
					<tr>
						<td colspan="4">
							<s:textarea name="observaciones"></s:textarea>	
						</td>
					</tr>
				</table>
				<br />
				<div id="botones">
					<table width="100%" border="0">
						<tr>
							<td align="left">
								<input name="imprimir" type="button" onclick="printOrden()" value="Imprimir" />
								<input name="botonContrato" type="button" onclick="irAContrato()" value="Contrato" />
							</td>
							<td align="right">
								<input name="cancelar" type="button" value="Cancelar" onclick="cancel();"/>
								<input name="guardar" type="button" value="Guardar" onclick="save();"/>
							</td>
						</tr>
					</table>
				</div>
			</s:form>
				<div id="firmas" style="display: none;">
					<br>
					<table width="100%">
						<tr>
							<td width="50%" align="center">
								Firma/Aclaracion
							</td>
							<td width="50%" align="center">
								Firma/Aclaracion
							</td>
						</tr>
					</table>
				</div>
		</div>
	</div>
</body>
</html>